nodejs22.x/full-stack/{{cookiecutter.project_name}}/deploy_frontend.ps1

# Get user input for stack name
$stack_name = Read-Host "Enter the name of the CloudFormation stack:"

# Get the API Gateway URL from the stack
$api_gateway_endpoint = aws cloudformation describe-stacks --stack-name $stack_name --query "Stacks[0].Outputs[?OutputKey=='APIGatewayEndpoint'].OutputValue" --output text

# Get the CloudFront Distribution ID from the stack
$cloudfront_distribution_id = aws cloudformation describe-stacks --stack-name $stack_name --query "Stacks[0].Outputs[?OutputKey=='CloudFrontDistributionId'].OutputValue" --output text

# Get the S3 Bucket Name from the stack
$s3_bucket_name = aws cloudformation describe-stacks --stack-name $stack_name --query "Stacks[0].Outputs[?OutputKey=='WebS3BucketName'].OutputValue" --output text

# Output the results
Write-Host "API Gateway URL: $api_gateway_endpoint"
Write-Host "CloudFront Distribution ID: $cloudfront_distribution_id"
Write-Host "S3 Bucket Name: $s3_bucket_name"

# Move to frontend and install
cd frontend/
npm install

# Create .env file for building distribution with API Gateway Endpoint defined
New-Item -ItemType File -Path ".env"

# Add the API Gateway endpoint to the .env file
"`nVUE_APP_API_ENDPOINT=$api_gateway_endpoint" | Out-File -Append ".env"

# Confirm that the endpoint has been added to the .env file
Write-Host "The API Gateway endpoint has been added to the .env file:"
Get-Content ".env"

# Create distribution for deployment
npm run build
cd dist/

# Sync distribution with S3
aws s3 sync . "s3://$s3_bucket_name/"

# Create cloudfront invalidation and capture id for next step
$invalidation_output = aws cloudfront create-invalidation --distribution-id $cloudfront_distribution_id --paths "/*"
$invalidation_id = $invalidation_output | Select-String -Pattern '(?<=Id": ")[^"]+' | ForEach-Object { $_.Matches.Value }

# Wait for cloudfront invalidation to complete
aws cloudfront wait invalidation-completed --distribution-id $cloudfront_distribution_id --id $invalidation_id

# Get cloudfront domain name and validate
$cloudfront_domain_name = aws cloudfront list-distributions --query "DistributionList.Items[?Id=='$cloudfront_distribution_id'].DomainName" --output text

Write-Host "The invalidation is now complete - please visit your cloudfront URL to test: $cloudfront_domain_name"